<!--
  This file is a part of the open-eBackup project.
  This Source Code Form is subject to the terms of the Mozilla Public License, v. 2.0.
  If a copy of the MPL was not distributed with this file, You can obtain one at
  http://mozilla.org/MPL/2.0/.
  
  Copyright (c) [2024] Huawei Technologies Co.,Ltd.
  
  THIS SOFTWARE IS PROVIDED ON AN "AS IS" BASIS, WITHOUT WARRANTIES OF ANY KIND,
  EITHER EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO NON-INFRINGEMENT,
  MERCHANTABILITY OR FIT FOR A PARTICULAR PURPOSE.
  -->

<div class="aui-fullpage">
  <div class="aui-block aui-paginator-container">
    <lv-tabs [(lvActiveIndex)]="activeIndex" class="aui-tab">
      <lv-tab lvTitle="{{ 'common_cluster_label' | i18n }}" [lvId]="instanceConfig.activeIndex">
        <ng-template lv-tab-lazy>
          <aui-database-template [configParams]="instanceConfig"></aui-database-template>
        </ng-template>
      </lv-tab>
      <lv-tab lvTitle="{{ 'protection_non_distributed_instance_label' | i18n }}" [lvId]="databaseConfig.activeIndex">
        <ng-template lv-tab-lazy>
          <aui-database-template [configParams]="databaseConfig"></aui-database-template>
        </ng-template>
      </lv-tab>
      <lv-tab lvTitle="{{ 'protection_distributed_instance_label' | i18n }}"
        [lvId]="distributedInstanceConfig.activeIndex">
        <ng-template lv-tab-lazy>
          <aui-database-template [configParams]="distributedInstanceConfig"></aui-database-template>
        </ng-template>
      </lv-tab>
    </lv-tabs>
  </div>
</div>